<template>
	<div>
		<!-- 订单页 -->
		<div id="header">
			<!-- 返回 -->
			<div class="backup" @click="$router.history.go(-1)">
				<svg t="1649591158141" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2211" width="18" height="18"><path d="M790.865959 73.216062 322.123178 512.062492l468.74278 438.746442c16.397998 16.697962 16.397998 43.894642 0 60.592603-16.397998 16.697962-42.894764 16.697962-59.292762 0l-498.839107-466.943c-8.698938-8.898914-12.398487-20.797461-11.898548-32.496033-0.599927-11.698572 3.099622-23.497132 11.898548-32.496033l498.839107-466.943c16.397998-16.697962 42.894764-16.697962 59.292762 0C807.263957 29.421409 807.263957 56.518101 790.865959 73.216062z" p-id="2212" fill="#ffffff"></path></svg>
			</div>
			<div>确认订单</div>
		</div>
		<!-- 订单部分 -->
		<div id="mainer">
			订单部分
		</div>
	</div>
</template>

<script>
	export default {
		props:['pid'],
		data() {
			return {
				userId:'' //保存用户的ID
			}
		},
		methods:{
			// 获取用户收货地址
			getUserAddress(){
				
			}
		},
		mounted(){
			this.userId=JSON.parse(sessionStorage.getItem('user')).sid
		}
	}
</script>

<style lang="scss" scoped>
#header{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background-color: #9a4145;
	div {
		// 返回
		&.backup {
			position: absolute;
			top: 0.515em;
			left: 0.415em;
		}
		// 确认订单
		&:nth-child(2){
			color: #fff;
			padding: 0.615em ;
			text-align: center;
		}
	}
}
#mainer {
	margin-top: 2.4em;
}
</style>